.about-dialog {
	z-index: 1000;

	top: 0;
	bottom: 0;

	display: flex;
	flex-direction: column;

	width: 400px;
	height: 300px;
	padding: 0.25rem 0.75rem;

	cursor: default;
	user-select: none;

	color: @primary-font-color;
	background-color: @secondary-background-color;

	&:not([open]) {
		display: none;
	}

	.hidden {
		display: none !important;
	}

	.app-info {
		display: flex;
		flex-direction: column;
		flex: 1;
		justify-content: center;

		.app-logo img {
			width: 100%;
		}

		.app-version {
			margin: 0 auto;

			font-size: 0.75rem;

			.version {
				cursor: text;
				user-select: text;

				font-weight: bold;
			}
		}
	}

	.updates {
		display: flex;
		flex-direction: column;
		flex: 1;
		justify-content: center;

		.check-for-updates {
			height: 2.5rem;
		}

		.checking-for-updates {
			.loading-component;

			.message {
				display: none;

				font-size: 1rem;
			}

			&.message-shown {
				.dot {
					display: none;
				}

				.message {
					display: inline-flex;
				}
			}
		}

		.check-for-updates-on-start__label {
			margin: 0.1rem auto;

			font-size: 0.8rem;
		}
	}

	.copyright {
		margin: 0 auto;

		font-size: 0.65rem;
	}
}
